<template>
  <!-- <img alt="Vue logo" src="./assets/logo.png" /> -->
  <div id="app">
    <Meun></Meun>
    <router-view v-slot="{ Component }">
      <keep-alive>
        <component
          :is="Component"
          :key="$route.name"
          v-if="$route.meta.keepAlive"
        ></component>
      </keep-alive>
      <component
        :is="Component"
        :key="$route.name"
        v-if="!$route.meta.keepAlive"
      ></component>
    </router-view>
    <Footer></Footer>
  </div>
</template>

<script >
import { useRouter } from "vue-router";
import Meun from "@/components/menu/meun.vue";
import Footer from "@/components/footer/footer.vue";
import autofit from "autofit.js";
export default {
  name: "App",
  components: { Meun, Footer },
  mounted() {
    // autofit.init({
    //   dh: 950,
    //   dw: 1200,
    //   el: "#app",
    //   resize: true
    // });
    // let devicewidth = document.documentElement.clientWidth//获取当前分辨率下的可是区域宽度
    //   let scale = devicewidth / 1920 // 分母——设计稿的尺寸
    //   document.body.style.zoom = scale//放大缩小相应倍数
    // },
  },
  setup() {
    const router = useRouter();
  
    return{
    }
  },
};
</script>

<style>
@import "assets/css/base.css";
#app {
}
</style>
